<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue的条件判断</title>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
</head>
<body>
<div id="app">
#    v-if v-else v-else-if v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。
#    v-show 用于切换元素的显示与隐藏，v-show 会在元素上添加 display: none;
<p v-if="seem">现在你看到我来了</p>
    <template v-if="ok">
        <h1>点点拿科技</h1>
        <p>学的不仅是技术，更是梦想！</p>
        <p>哈哈哈，打字辛苦啊！！！</p>
    </template>
</div>
<script>
    new Vue({
        el:'#app',
        data:{
            seem:true,
            ok:true,
        }
    })
</script>
</body>
</html>
